<template>
    <div class="nvxie-container">
        <div class="container-banner">
            <img src="https://img01.yzcdn.cn/upload_files/2021/02/05/FtV9p-VjbU7hf9RzBi5_Gvo2T_IL.jpg!large.webp" alt="">
        </div>
        <div class="container-list">
            <ul>
                <li v-for="(item,index) in List" :key="index">
                    <img :src="item.img" alt="">
                    <br>
                    {{ item.test }}
                </li>
            </ul>
        </div>
    </div>
</template>

<script>
    export default {
        data(){
            return{
                List:[
                    {
                        img:'https://img01.yzcdn.cn/upload_files/2021/02/05/FoYcdcGSEEyxw_pYp79KhuAkXsd4.jpg!middle.webp',
                        test:'体闲鞋'
                    },
                    {
                        img:'https://img01.yzcdn.cn/upload_files/2021/02/05/FqaMD6VpicUqNUSAWoM8AceOjXO1.jpg!middle.webp',
                        test:'帆布鞋'
                    },
                    {
                        img:'https://img01.yzcdn.cn/upload_files/2021/02/05/FsRVyIegEsXH1VZEz94Euv7aiT97.jpg!middle.webp',
                        test:'连裤袜'
                    },
                    {
                        img:'https://img01.yzcdn.cn/upload_files/2021/02/05/Fp5IBatlzwlN3ycFUUbq8vVUCJZ6.jpg!middle.webp',
                        test:'棉袜'
                    },
                    {
                        img:'https://img01.yzcdn.cn/upload_files/2021/02/05/FqaMD6VpicUqNUSAWoM8AceOjXO1.jpg!middle.webp',
                        test:'帆布鞋'
                    },
                    {
                        img:'https://img01.yzcdn.cn/upload_files/2021/02/07/FrLPnvM27XOLmU_86LkDR8MDt6Zk.jpg!middle.webp',
                        test:'家居服女款'
                    },
                    {
                        img:'https://img01.yzcdn.cn/upload_files/2021/02/05/Fp5IBatlzwlN3ycFUUbq8vVUCJZ6.jpg!middle.webp',
                        test:'棉袜'
                    },
                ]
            }
        }
    }
</script>

<style lang="scss" scoped>
.nvxie-container{
    width: 100%;
    .container-banner{
        position: relative;
        img{
            width: 600px;
            height: 200px;
            position: absolute;
            left: 30px;
            top: 20px;
        }
    }
    .container-list{
        position: relative;
        top: 240px;
        ul{
            width: 700px;
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            li{
                font-size: 30px;
                text-align: center;
                width: 220px;
                height: 250px;
                img{
                    width: 200px;
                    height: 200px;
                }
            }
        }
    }
}   
</style>